<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
{#    <link rel="stylesheet" type="text/css" href="static/css1.css">#}
    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
   <script src="//cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
   <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
   <link rel="stylesheet" type="text/css" href="static/login.css">
</head>
<body>
<div>
    <div id="header">
        <img src="/static/img/京东/img/logo.png">
        <div>
            <p>欢迎登陆</p>
        </div>
        <div>
            <a href="#"><span>登陆页面，问卷调查</span></a>
        </div>
    </div>
    <div id="header_xia">
        <p>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版《京东隐私政策》已上线，将更有利于保护您的个人隐私。</p>
    </div>
    <div id="center">
        <img src="/static/img/京东/img/asd-1.jpg">
        {% block menu %}
            <script src="/static/ajax3.js"></script>
        <div id="login" >
            <div><p>会员登陆</p></div>
            <hr style="border: 1px solid #ccc;">
            <form action="dlcg" method="post">
                {% csrf_token %}
                <div class="input-group"><!--在input文本框前添加内容-->
                    <span class="input-group-addon">@</span>
                    <input type="text" placeholder="请输入账号" id="username" class="form-control" name="username" onblur="funajax()">
                </div>
                <span  id="wyp" style="color: red;padding-left: 75px"></span>
                <div class="input-group"><!--在input文本框前添加内容-->
                    <span class="input-group-addon">@</span>
                    <input type="password" placeholder="请输入密码" class="form-control" name="password" id="password">
                </div>
                <span  id="wyp1" style="color: red;padding-left: 75px"></span>
                <div class="input-group">
                    <button type="submit" class="btn btn-danger">登陆</button>
                </div>
                <hr style="border: 1px solid #ccc;">

                <div style="float: right; margin-right: 20px">
                    <a href="guanliyuan">管理员登陆</a>
                    <a href="zhuce">立即注册</a>
                </div>
            </form>
        </div>
        {% endblock %}
    </div>
    <div id="floor">
        <p>Copyright © 2004-2018  京东JD.com 版权所有</p>
    </div>
</div>
<script type="application/javascript">
    $(document).ready(function(){
        $("form").submit(function(e){
            var s = $("#wyp");
            var s1 = $("#wyp1");
            if($("#username").val().length == 0){
                s.text('请填写账户名');
                e.preventDefault();
            }else if($("#password").val().length == 0){
                s1.text('请填写密码');
                e.preventDefault();
            }
        });
    });
</script>
{#<script src="/static/ajax3.js"></script>#}
</body>
</html>